/* html {
height:100%;
}

body {
min-height:100%;
margin:0;
} */

#big_header{
background-color: #3a5796;
width: 100%;
height: 75px;
}
#header
{
height:75px;
width:70%;
background-color:#3a5796;
margin: auto;
}

#logo
{
display: block;
float:left;
text-align:center;
width: 30%;
}
#logo img{
height:60px;
}

#login
{
float:left;
width: 45%;
margin-left:23%;
/* border:1px solid black;
background-color:green; */
}

#login2
{
float: left;
width: 15%;
margin-left: 5%;
height: 100%;
}

#menu
{
display: block;
float:left;
width: 50%;
height:100%;
margin: 0;
}
#menu-deroulant{
width: 100%;
margin: 0;
padding: 0;
}
#menu #menu-deroulant li{
display: block;
float: left;
margin: 0 1%;
/* background-color: #0080FF; */
padding: 1%;
/* border-radius: 0 0 5px 5px; */
}
#menu #menu-deroulant li a{
color: white;
}
#menu #menu-deroulant li.active a{
color: red;
border-top: 1px solid red;
}

#login_bloc
{
margin-left: 4%;
float: left;
width:31%;
font-size:15;
color:white;
}

#login a
{
color:#F5F5F5;
}

#login label
{
color:#F5F5F5;
}

#login2 a
{
color:#F5F5F5;
}

#pswd_bloc
{
margin-left: 4%;
float:left;
width:35%;
font-size:15;
color:white;
}

#submit_bloc
{
margin-left: 3%;
float:left;
width:21%;
font-size:15;
color:white;
}

#form_login .form_text{
width: 100%;
}

#big_content
{
background-color:#F5F5F5;
width: 100%;
height:auto;
background-image:url(../pictures/fond1.png);
background-attachment:fixed;
background-repeat:repeat;
background-size:cover;
padding-bottom:50px;
padding-top:50px;
}
#content
{
background-color:#F5F5F5;
position: relative;
width: 70%;
margin: auto;
padding:10px 0;
padding-bottom:20px;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
/* margin-top:2%;
margin-bottom:2%; */
/* height:82%; */
}

/* #home
{
height:47%;
} */

#home_presentation
{
float:left;
width:45%;
margin:5%;
margin-left:3%;
text-align:justify;
/* border:1px solid black;
background-color:pink; */
}

h1{
margin:0;
}

#home_presentation h2
{
text-align:center;
font-weight:bold;
}

#section_contest h2, #contest_overview h2, #contest_wall h2
{
text-align:center;
font-weight:bold;
margin-top:1%;
margin-bottom:1%;
}

#contest_presentation, #contest_wall
{
text-align:center;
}

#form_title
{
text-align:center;
}

#create_account
{
float:left;
width:35%;
margin-right:3%;
margin:5%;
text-align:center;
background-color: #3a5796;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
color: white;
font-size: 0.9em;
/* border:1px solid black;
background-color:yellow; */
}

#create_account_page{
width:35%;
text-align:center;
background-color: #3a5796;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
color: white;
font-size: 0.9em;
}

#profile
{
height:100%;
}
#profile_menu, #contests_menu
{
width: 70%;
margin: auto;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
}

#profile_inside_menu ul
{
margin:0;
padding: 0;
}

#contests_inside_menu ul
{
margin:0;
padding: 0;
}

.inside_menu
{
float:left;
width:100%;
text-align:left;
background-color:#F5F5F5;
}

.inside_menu li
{
display: block;
float: left;
margin: 0;

}

.title_inside_menu
{
float: left;
font-size: 2em;
background-color: #F5F5F5;
width: 30%;
padding: 10px 30px;
text-align: center;
color:#3a5796;

/* text-shadow:2px 2px 4px #3a5796; */
}
.inside_menu li.tab_inside_menu
{
border: 1px solid #E6E6E6;
background-color: #F5F5F5;
padding: 1% 2%;
font-size: 1.2em;
}
.inside_menu li.tab_inside_menu_active
{
background-color: #3a5796;
border: 1px solid #3a5796;
padding: 1% 2%;
font-size: 1.2em;
}

.tab_inside_menu_active a{
color: #F5F5F5;
}
.tab_inside_menu a{
color: #3a5796;
}
.tab_inside_menu
{
border-radius: 0 0 5px 5px;
}

#form_create_account .form_text
{
display:block;
float:left;
width:35%;
border-radius:7px 7px 7px 7px;
}

#form_create_account label
{
display:block;
float:left;
text-align:right;
/* margin-left:3%; */
margin-right:3%;
width:50%;
}

#form_createAccount_submit
{
clear:both;
height:2.5em;
margin-top:2%;
}

p{
margin: 0;
}
#content #errorMessages, #content #lostPasswordMessages, #content #updateMessages{
text-align: center;
margin-bottom: 5px;
}


#register
{
display:block;
text-align:center;
width:35%;
background-color: #3a5796;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
color: white;
font-size: 0.9em;
margin: auto;
padding: 5px 0;
}
#register h2{
margin: 0;
padding: 5px 0;
}
#register form{
margin: 0;
}

#lostPasswordMessage
{
display:block;
padding-left:30%;
padding-right:30%;
text-align:center;
height:82%;
width:100%;
}

#getPassword
{
float:left;
width:30%;
margin:5%;
text-align:left;
background-color: #3a5796;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
padding: 10px;
color: white;
font-size: 0.9em;
/* border:1px solid black;
background-color:yellow; */
}

#intro
{
clear:both;
/* height:35%; */
text-align:center;
/* background-color:grey; */
}

#box_bloc
{
width:100%;
margin-top:30px;
}

.boxA, .boxB, .boxC
{
float:left;
width:25%;
text-align:center;
margin-left:3.5%;
margin-right:3.5%;
padding:5px;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
/* background-color:orange; */
}

#form_modif_account
{
width:70%;
margin: auto;
text-align:center;
background-color: #3a5796;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
padding: 10px;
color: white;
font-size: 0.9em;
}

#form_modif_account label
{
display:block;
float:left;
margin-right:3%;
width:30%;
text-align: right;
}

#form_modif_account  .form_text, #form_modif_account select
{
display:block;
text-align: left;
float:left;
width:60%;
border-radius:7px 7px 7px 7px;
}

#welcome_login
{
color: white;
margin: auto;
}
#welcome_login a{
color: white;
}

.section_title{
margin: 10px 0;
}

#section_messages, #section_personal_info, #section_contest
{
margin:auto;
width:75%;
}

.response_message_wall
{
font-size:0.8em;
font-style:italic;
}

.message_wall_text
{
font-size:1.2em;
}

.response_message_wall_text, .message_wall_text
{
font-weight:bold;
color:#3a5796;
}

#block_message, #bloc_response
{
width:75%;
border: 1px solid #3a5796;
margin:auto;
margin-top:1%;
margin-bottom:1%;
}

#section_messages #sender_col, #mailto_col
{
border-radius:5px 0 0 0;
}
#section_messages #date_col
{
border-radius:0 5px 0 0;
}
#section_list_contests, #yesterday_contest, #closed_today_contest, #opened_today_contest,#tomorrow_contest
{
width:75%;
margin: 10px auto;
text-align:center;
background-color: #3a5796;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
color: white;
font-size: 0.9em;
}

#section_contest #contests_inside_menu
{
background-color:#3a5796;
}

#section_contest #contests_inside_menu.inside_menu li.tab_inside_menu
{
border: 1px solid #3a5796;
background-color: #3a5796;
padding: 1% 2%;
font-size: 1.2em;
}
#section_contest #contests_inside_menu.inside_menu li.tab_inside_menu_active
{
background-color: #F5F5F5;
border: 1px solid #E6E6E6;
padding: 1% 2%;
font-size: 1.2em;
}
#section_contest #contests_inside_menu.inside_menu li.tab_inside_menu a
{
color:#F5F5F5;
}
#section_contest #contests_inside_menu.inside_menu li.tab_inside_menu_active a
{
color: #3a5796;
}

#section_list_contests .list_contest_sport a
{
color:white;
}

#section_list_contests .list_contest_sport
{
width:30%;
float:left;
margin:2%;
text-align:center;
}

#section_list_contests .list_mycontests_sport
{
width:30%;
float:left;
margin:2%;
text-align:center;
}

#section_list_contests a
{
text-decoration:none;
}

#section_list_contests .event_name
{
text-align:justify;
}

#section_list_contests img
{
height:80px;
width:80px;
}

#section_list_contests th, td
{
width:10%;
}
#section_list_contests #statusContest_col
{
border-radius:5px 0 0 0;
}
#section_list_contests #creator_col
{
border-radius:0 5px 0 0;
}

#podium_board
{
width:30%;
}

.tab {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 10px auto;
	width:100%;
    text-align: left;
    border-collapse: collapse;
	color:white;
}

.tab a{
color:white;
}
.tab th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #3a5796;
    /* border-top: 2px solid #d3ddff; */
    border-bottom: 1px solid #fff;
}
.tab tr
{
	text-align:center;
}
.tab td {
    padding: 8px;
    /* border-bottom: 1px solid #fff; */
    border-top: 1px solid #fff;
    background: #547DD6;
	
}
#sender_col, #mailto_col
{
width:35%;
}
#subject_col
{
width:50%;
}
#date_col
{
width:15%;
}
.tab tfoot tr td {
    background: #3a5796;
    font-size: 16px;
    text-align:center;
	border-radius:0 0 5px 5px;
	font-weight:bold;
}
.tab tbody tr:hover td {
    background: #3a5796;
	font-weight:bold;
}
.tab a:hover {
    text-decoration:underline;
}


#section_message{
width:75%;
margin: 10px auto;
padding: 10px; 
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
font-size: 0.9em;
}
#section_link_back{
width: 75%;
margin: auto;
}

#profile_pic{
float: left;
width: 30%;
}
#profile_pic img{
max-width: 100%;
max-height: 130px;
margin: auto;
}

#modif_profile{
float: left;
width: 70%;
}

#big_footer
{
width: 100%;
background-color: #3a5796;
text-align:center;
}
/* #footer
{
text-align:center;
width:70%;
margin: auto;
background-color:#3a5796;
} */

html, body, #wrap {height: 100%;}

body > #wrap{height: auto; min-height: 100%;}

/* #main {padding-bottom: 50px;}  /* must be same height as the footer */ */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	width:70%;
	clear:both;}
	
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* * {-moz-box-sizing:border-box; box-sizing:border-box;} */